<include file="header" />
<div id="content">
	<div id="ads">
		<div class="pic" id="pic">
			<ul>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01670.JPG" style="width:620px;height:350px" /></a></li>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01671.JPG" style="width:620px;height:350px" /></a></li>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01672.JPG" style="width:620px;height:350px" /></a></li>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01673.JPG" style="width:620px;height:350px" /></a></li>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01674.JPG" style="width:620px;height:350px" /></a></li>
			</ul>
		</div>
		<div class="title">
		<p></p>
		</div>
		<div class="index">
			<ul>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
			</ul>
		</div>
	</div>
	<div id="news">
		<div class="title"></div>
		<div class="message">				
			<ul>
			<volist name='list' id='news'>
				<li><a href="{$news.link}">{$news.title}</a><span>{$news.time|substr=0,10}</span></li>
			</volist>
			</ul>
		</div>
	</div>
	<div id="about">
		<div class="title"></div>
		<div class="message">{$intro}</div>
	</div>	
	<div id="products">
		<div class="title"></div>
		<div class="message">
			<ul>
			<volist name='tech' id='news'>
				<li><a href="#">{$news.title}</a></li>
			</volist>
			</ul>
		</div>
	</div>
	<div id="others">
		<div class="title"></div>
		<div class="message">
			<ul>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01689.JPG" style="width:160px;height:140px" /></a></li>
				<li><a><img src="__PUBLIC__/Images/Photos/DSC01695.JPG" style="width:160px;height:140px" /></a></li>
			</ul>
		</div>
	</div>
</div>
<include file="footer" />
<script>
var pics = document.getElementsByClassName('pic')[0].children[0].children;
pics[0].style.display="block";
var picIndex = 1;
function getNextIndex(){
	if(picIndex < pics.length - 1){
		picIndex++;
		return picIndex;
	}else{
		picIndex = 0;
		return picIndex;
	}
};
function rotateImage(){
	var index = getNextIndex();
	for(var i=0;i<pics.length;i++){
		if(i==index){
			pics[i].style.display="block";
		}else{
			pics[i].style.display="none";
		}
	}
};
window.onload = setInterval(rotateImage,3000);



</script>